<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.prime.com.tr/ui">

<p:wizard widgetVar="wiz" id="wiz" flowListener="#{newProjectViewBean.onFlowProcess}" >

	<p:tab id="projectDetails" title="#{msgs['newProjectMainView.projectDetails']}">

		<p:panel>
			<p:messages autoUpdate="true"></p:messages>
			<h:panelGrid id="projectDetailsGrid" columns="3" style="margin-bottom:10px">
				<h:outputLabel for="projectName" value="#{msgs['newProjectMainView.projectName']}" />
				<p:inputText id="projectName" value="#{newProjectViewBean.projectName}" required="true"
					label="#{msgs['newProjectMainView.projectName']}">
					<p:ajax event="blur" update="projectNameMsg projectName" />
				</p:inputText>
				<p:message id="projectNameMsg" for="projectName" display="icon" />


				<h:outputLabel for="calendar" value="#{msgs['newProjectMainView.projectCalendar']}" />
				<p:selectOneMenu id="calendar" value="#{newProjectViewBean.calendarName}" required="true"
					label="#{msgs['newProjectMainView.projectCalendar']}">
					<f:selectItem itemLabel="default" itemValue="default" />
				</p:selectOneMenu>
				<p:message id="calendarMsg" for="calendar" display="icon" />
				
				<h:outputLabel for="startDate" value="#{msgs['newProjectMainView.startDate']}" />
				<p:calendar effect="fadeIn" id="startDate" value="#{newProjectViewBean.projectStartDate}"/>   
				<p:message id="startDateMsg" for="startDate" display="icon" />
				
				
			</h:panelGrid>
		</p:panel>

		<!--    <h:messages errorClass="error"/>  
                  
                <h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">  
                
            #{user.profile.firstName} 
        </p:column>
                    <h:outputText value="Firstname: *" />  
                    <p:inputText required="true" label="Firstname"  
                            value="#{userWizard.user.firstname}" />  
                      
                    <h:outputText value="Lastname: *" />  
                    <p:inputText required="true" label="Lastname"  
                            value="#{userWizard.user.lastname}" />  
                      
                    <h:outputText value="Age: " />  
                    <p:inputText value="#{userWizard.user.age}" />  
                      
                    <h:outputText value="Skip to last: " />  
                    <h:selectBooleanCheckbox value="#{userWizard.skip}" />  
                </h:panelGrid> -->

	</p:tab>

	<p:tab id="members" title="#{msgs['newProjectMainView.members']}"> 
	<p:messages autoUpdate="true"></p:messages>
		<p:panel>
			<p:pickList value="#{newProjectViewBean.users}" var="user" removeAllLabel="true" iconOnly="true" effect="bounce" itemValue="#{user}"
				itemLabel="#{user}" showSourceControls="false" showTargetControls="false">
				<f:facet name="sourceCaption">
					<h:outputText value="#{msgs['newProjectMainView.availableMembers']}" />
				</f:facet>
				<f:facet name="targetCaption">
					<h:outputText value="#{msgs['newProjectMainView.projectMembers']}" />
				</f:facet>
			</p:pickList>
		</p:panel>
		<p:commandButton id="createButton" value="#{msgs['newProjectMainView.createProject']}" actionListener="#{newProjectViewBean.createProject}"
			update="wiz createButton" rendered="#{newProjectViewBean.showContent}" />
	</p:tab>

</p:wizard>


</html>